<template>
    <div>
        <div>姓名：<input type="text" v-model="formData.name">{{formData.name}}</div>
        <div>年龄：<input type="text" v-model="formData.age">{{formData.age}}</div>
        <div>性别：<input type="text" v-model="formData.sex">{{formData.sex}}</div>
        <div>电话：<input type="text" v-model="formData.mobile">{{formData.mobile}}</div>
    </div>
</template>

<script lang="ts" setup>
    import { reactive } from 'vue';

    const formData = reactive({
        name: "",
        age: "",
        sex: "",
        mobile: "",
    }) 
</script>

<style>

</style>